$('.cart').hover(function () {
    $(this).find('i').css('backgroundImage', 'url(images/cart1.png)');
    $('.menu').slideDown(200);
}, function () {
    $(this).find('i').css('backgroundImage', 'url(images/cart.png)');
    $('.menu').slideUp(200);
})
$('.menu').hover(function () {
    $(this).show();
}, function () {
    $(this).slideUp(200);
});
$('input[type=search]').focus(function () {
    $('.con').hide();
    $('input').css('border', '1px solid #ff6700');
    $('input[type=submit]').css('border-left', 'none');
    $('.show').show();
});
$('input[type=search]').blur(function () {
    $('.show').hide();
    $('input').css('border', '1px solid #e0e0e0');
    $('input[type=submit]').css('border-left', 'none');
});

// header内容

$('.header ul li').each(function (index) {
    $(this).hover(function () {
        if (index < $('.header .dh li').length - 2) {
            $('.one').stop().slideDown(200);
            $('.one ul').eq(index).show().siblings().hide();
            $('.one ul').eq(index).hover(function () {
                $(this).show().siblings().hide();
            }, function () {
                $('.one').stop().slideUp(200);
            })
        } else {
            $('.one').stop().slideUp(200);
        }

    }, function () {
    })
})
// 轮播图
var index = 0;
// 1.自动切换
var timer = setInterval(nextimg, 5000);

// 下一张 设置专门的方法来存储图片的索引
function nextimg() {
    index = (index == $('.pic li').length - 1) ? 0 : (index + 1);
    showimg();
}
// 上一张
function preimg() {
    index = index == 0 ? $('.pic li').length - 1 : index - 1;
    showimg();
}
// 展示图片和指示灯
function showimg() {
    // 根据索引值显示当前图片 隐藏其他图片
    $('.pic li').eq(index).fadeIn("slow").siblings().fadeOut("fast");
    $('.indictor li').eq(index).addClass('active').siblings().removeClass('active');
}
// 2.悬停切换
$('.indictor li').hover(function () {
    // 鼠标进入指示灯 停止自动切换
    clearInterval(timer);
    // 获取当前选中的li标签的索引值
    index = $(this).index();
    showimg();
}, function () {
    // 鼠标出来 恢复自动切换
    timer = setInterval(nextimg, 5000);
});
// 上一张
$('.page .pre').click(function () {
    preimg();
})
// 下一张
$('.page .next').click(function () {
    nextimg();
})
// 3.点击按钮切换
$('.content').hover(function () {
    clearInterval(timer);
}, function () {
    timer = setInterval(nextimg, 5000);
});

// span效果
// $('.span img:nth-child(1)').hover(function(){

// })

// 轮播图侧栏
$('.list-left li').hover(function () {
    $(this).addClass('bg');
    $(this).find('.row').show();
    $(this).find('.row').css('backgroundColor', 'white');
}, function () {
    $(this).find('.row').hide();
    $(this).removeClass('bg');
})
$('.list-left li .row').hover(function () {
    $(this).find('li').css('backgroundColor', 'white');
}, function () {
    $(this).removeClass('bg');
})

// 明星单品
$('.control .ne').click(function () {
    $('.mi-box .nav').stop().animate({ left: -1226 }, 1000);
    $('.header .re').css('color', '#333');
    $('.header .ne').css('color', '#e0e0e0');
})
$('.control .re').click(function () {
    $('.mi-box .nav').stop().animate({ left: 0 }, 1000);
    $('.header .ne').css('color', '#333')
    $('.header .re').css('color', '#e0e0e0');
})

var a = 0;
var time = setInterval(auto, 5000);
function auto() {
    a++;
    if (a > 1) {
        a = 0;
    }
    show();
}
// // 定义一个方法来控制图片的切换
function show() {
    var left = (-1226 * a) * 1 + 'px';
    $('.nav').stop().animate({
        left: left,
    })
    $('.control span').eq(a).css('color', '#e0e0e0').siblings().css('color', '#333')
}

$('.mi-box .control').hover(function () {
    clearInterval(time);
}, function () {
    time = setInterval(auto, 5000);
})

// 智能硬件
$('.allspan li').hover(function () {
    $(this).css({ 'bottom': '2px', 'box-shadow': '0 20px 30px #e0e0e0' });
}, function () {
    $(this).css({ 'bottom': '0', 'box-shadow': '0 0px 0px #e0e0e0' });
})
$('.allspan .span4 img').hover(function () {
    $(this).css({ 'bottom': '2px', 'box-shadow': '0 20px 30px #e0e0e0' });
}, function () {
    $(this).css({ 'bottom': '0', 'box-shadow': '0 0px 0px #e0e0e0' });
})

// 搭配
$('.make li').hover(function () {
    $(this).find('.view').show().stop().animate({
        bottom: 48, opacity: 1
    });
}, function () {
    $(this).find('.view').stop().animate({
        bottom: 0, opacity: 0
    }, 200);
})
$('.make .header .cont span').each(function (index) {
    $(this).hover(function () {
        $(this).addClass('active').siblings().removeClass('active');
        $('.make .allspan .span16').eq(index).show().siblings().hide();
        $('.make .allspan .span4').show();
    })
})


$('.nav .nav-item li').each(function (index) {
    $(this).mouseenter(function () {
        if (index < $('.nav .nav-item li').length - 2) {
            $('.nav .nav-detail').stop().slideDown(400);
            $('.nav-detail ul').eq(index).show().siblings().hide();
        } else {
            $('.nav .nav-detail').stop().slideUp(400).hide(400);
        }
    });
});
$('.nav .nav-list').mouseleave(function () {
    $('.nav .nav-detail').stop().slideUp(400).hide(400);
});

// 为你推荐
$('.recommend .reject li').hover(function () {
    clearInterval(time)
    $(this).css({ 'bottom': '2px' });
}, function () {
    $(this).css({ 'bottom': '0' });
})

// 热评产品
$('.conductor>ul>li').hover(function () {
    $(this).css({ 'bottom': '2px', 'box-shadow': '0 20px 30px #e0e0e0' });
}, function () {
    $(this).css({ 'bottom': '0', 'box-shadow': '0 0px 0px #e0e0e0' });
})

// 内容
// 左右按钮的悬停事件
$('.conductor>ul>li').hover(function () {
    $(this).find('.control span').css('opacity', '1');
}, function () {
    $(this).find('.control span').css('opacity', '0');
})
$('.conductor li').each(function (index) {

    var b = 0;
    $(this).find('#pages li').each(function (index) {
        $(this).click(function () {
            $(this).find('.dot').addClass('border-active');
            $(this).siblings().find('.dot').removeClass('border-active');
            b = index;
            hhh()
        })
    })

    $(this).find('.control .right').click(function () {
        if (b == 2) {
            b = 2
        } else {
            b++;
        }
        hhh()
    })
    $(this).find('.control .left').click(function () {
        if (b == 0) {
            b = 0
        } else {
            b--;
        }
        hhh()
    })
    // 动画
    function hhh() {
        $('.conductor li').eq(index).find('#pages li').eq(b).find('span').addClass('border-active');
        $('.conductor li').eq(index).find('#pages li').eq(b).siblings().find('span').removeClass('border-active');
        var lef = (296 * b) * 1 + 'px';
        $('.conductor li').eq(index).find('.wrapp ul').animate({ right: lef }, 500);
    }

})


// 页脚
$('.service li:nth-child(1)').hover(function () {
    $(this).find('img').attr('src', 'images/iconfont-wujingongju1.png')
}, function () {
    $(this).find('img').attr('src', 'images/iconfont-wujingongju.png')
});
$('.service li:nth-child(2)').hover(function () {
    $(this).find('img').attr('src', 'images/7天包换1.png')
}, function () {
    $(this).find('img').attr('src', 'images/7天包换.png')
});
$('.service li:nth-child(3)').hover(function () {
    $(this).find('img').attr('src', 'images/15天包换.png')
}, function () {
    $(this).find('img').attr('src', 'images/15天1.png')
});
$('.service li:nth-child(4)').hover(function () {
    $(this).find('img').attr('src', 'images/gifts2.png')
}, function () {
    $(this).find('img').attr('src', 'images/gifts.png')
});
$('.service li:nth-child(5)').hover(function () {
    $(this).find('img').attr('src', 'images/map.png')
}, function () {
    $(this).find('img').attr('src', 'images/map1.png')
})